<template>
  <div class="navlanmu" v-if="menus">
    <div style="padding:14px 14px 11px 14px;">
        <el-row :gutter="20">
          <el-col :span="16">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <template v-for="(menu,index) in menus">
                <el-breadcrumb-item v-if="menu.path" :to="{ path: menu.path }" :key="index">{{menu.name}}</el-breadcrumb-item>
                <el-breadcrumb-item v-if="!menu.path" :key="index">{{menu.name}}</el-breadcrumb-item>
              </template>
            </el-breadcrumb>
          </el-col>
          <el-col :span="8"><div style="font-size:14px;color:#4C6783;text-align:right;">今天是：{{todayDateWeek}}</div></el-col>
        </el-row>
      </div>
  </div>
</template>

<script>
import {getDateWeek}  from "@/utils/index.js";
export default {
  name: "Navlanmu",
  props: {
    menus: {
      type: Array,
      default: null,
    }
  },
  data() {
    return {
      todayDateWeek:getDateWeek(),
    };
  },
  created() {
  },
  methods: {
  }
}
</script>

<style>
.navlanmu{
  background:#96E5F4;
  width:100%;
  position:fixed;
  top:60px;
  z-index:1000;
  left:0;
}
</style>
